<template>
  <div>
    <v-form-designer  ref="vfDesigner">
      <template #customToolButtons>
        <el-button type="text" @click="saveFormJson"><i class="el-icon-finished" />保存</el-button>
      </template>
    </v-form-designer>
  </div>
</template>

<script>
export default {
  name: 'VFormTest',
  data() {
    return {}
  },
  created() {
  },
  mounted() {
  },
  methods: {
    saveFormJson() {
      let formJson = this.$refs.vfDesigner.getFormJson()
      console.log(formJson, 'formJson')
    }
  }
}
</script>
<style lang="scss" scoped>
#app {
  .app-main {
    .main-container {
      margin-left: 0;
      /deep/ .main-header{
        display: none;
      }
      /deep/ .el-container {
        .center-layout-container {
          .toolbar-header {
            padding: 0 10px;
            .toolbar-container {
              .left-toolbar {
                .el-button--text {
                  padding: 0 ;
                }
              }
              .el-button {
                padding: 0 15px;
              }
              .right-toolbar {
                float: none;
                width: auto !important;
                .el-button--text {
                  padding: 0 6px;
                }
              }

            }
          }
        }

      }
    }

  }
}
</style>
<style></style>
